html{font-size: 10px}
body{font:14px/1.8 Arial,'Microsoft Yahei'}
body{width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll}
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}

.wrap{max-width:1600px;margin-left:auto;margin-right:auto; *width:1600px;}

/*
 * PcMode-min
 */
@media only screen and (min-width: 1440px) and (max-width: 1680px) {
  .wrap{max-width:1300px;*width:1300px;}

}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	html{font-size: 9px}
  .wrap{max-width:1200px;*width:1200px;}

}

@media only screen and (max-width: 1200px) {
	
  .wrap{max-width:1002px;*width:1002px;}

}

/*
 * PadMode
 */
@media only screen and (min-width: 640px) and (max-width: 1024px) {
	body{font:14px/1.8 Arial,'Microsoft Yahei'}
  body:after {
    content: 'Pad';
  }
  .wrap{padding-left:2%;padding-right:2%;max-width: none;}
  
  
} 
/*
 * MobileMode
 */
@media only screen and (max-width: 640px) { 
	 body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font:15px/1.8 Arial,'Microsoft Yahei'}
  .wrap{padding-left:4%;padding-right:4%;}
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
}
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
@media  only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-o-min-device-pixel-ratio: 13/10),only screen and (min-resolution: 120dpi) {
    /* Your code to swap higher DPI images */

}

/* ---------------------------------------------------------- */
/*                                                            */
/* A media query for iphone device                            */
/*                                                            */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/*                             hotone1985@sina.com from @tony */
/*                                                            */
/* ---------------------------------------------------------- */

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){
  /*iphone6*/
  
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){
  /*iphone6+*/

}

/* ---------------------------------------------------------- */
/*                                                            */
/* 专门针对ANDROID设备                                        */
/*                                                            */
/* 可解决安卓不同分辨率引起的页面重构问题                     */
/*                                                            */
/* ---------------------------------------------------------- */

@media only screen and (max-device-width:240px) {
  /* 240px的宽度Styles */
}
@media only screen and (min-device-width:241px) and (max-device-width:360px) {
  /* 360px的宽度Styles */
}
@media only screen and (min-device-width:361px) and (max-device-width:480px) {
  /* 480px的宽度Styles */
}


/*
 * 栅格
 */